<script>
		$(function(){
			$('#cc').combo({
				required:true,
				editable:false
			});
			$('#sp').appendTo($('#cc').combo('panel'));
			$('#sp input').click(function(){
				var v = $(this).val();
				var s = $(this).next('span').text();
				$('#cc').combo('setValue', v).combo('setText', s).combo('hidePanel');
			});
		});
	</script>
	<h2>下拉选择框 - Custom Combo</h2>
	<div class="demo-info" style="margin-bottom:10px">
		<div class="demo-tip icon-tip"></div>
		<div>单击右箭头按钮来显示下拉面板,可以是任何内容。</div>
	</div>
	
	<select id="cc"></select>
	<div id="sp">
		<div style="color:#99BBE8;background:#fafafa;padding:5px;">选择编程语言</div>
		<input type="radio" name="lang" value="01"><span>Java</span><br/>
		<input type="radio" name="lang" value="02"><span>C#</span><br/>
		<input type="radio" name="lang" value="03"><span>Ruby</span><br/>
		<input type="radio" name="lang" value="04"><span>Basic</span><br/>
		<input type="radio" name="lang" value="05"><span>Fortran</span>
	</div>
    <h3>页面代码： </h3>
    <pre name="code" class="html">&lt;!DOCTYPE html&gt;
    &lt;html&gt;
    &lt;head&gt;
    	&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=UTF-8&quot;&gt;
        &lt;title&gt;Combo - jQuery EasyUI Demo&lt;/title&gt;
        &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;../themes/default/easyui.css&quot;&gt;
        &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;../themes/icon.css&quot;&gt;
         &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;demo.css&quot;&gt;
         &lt;script type=&quot;text/javascript&quot; src=&quot;../jquery-1.7.2.min.js&quot;&gt;&lt;/script&gt;
         &lt;script type=&quot;text/javascript&quot; src=&quot;../jquery.easyui.min.js&quot;&gt;&lt;/script&gt;
	&lt;script&gt;
		$(function(){
			$('#cc').combo({
				required:true,
				editable:false
			});
			$('#sp').appendTo($('#cc').combo('panel'));
			$('#sp input').click(function(){
				var v = $(this).val();
				var s = $(this).next('span').text();
				$('#cc').combo('setValue', v).combo('setText', s).combo('hidePanel');
			});
		});
	&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
	&lt;h2&gt;下拉选择框 - Custom Combo&lt;/h2&gt;
	&lt;div class=&quot;demo-info&quot; style=&quot;margin-bottom:10px&quot;&gt;
		&lt;div class=&quot;demo-tip icon-tip&quot;&gt;&lt;/div&gt;
		&lt;div&gt;单击右箭头按钮来显示下拉面板,可以是任何内容。&lt;/div&gt;
	&lt;/div&gt;
		&lt;select id=&quot;cc&quot;&gt;&lt;/select&gt;
	&lt;div id=&quot;sp&quot;&gt;
		&lt;div style=&quot;color:#99BBE8;background:#fafafa;padding:5px;&quot;&gt;选择编程语言&lt;/div&gt;
		&lt;input type=&quot;radio&quot; name=&quot;lang&quot; value=&quot;01&quot;&gt;&lt;span&gt;Java&lt;/span&gt;&lt;br/&gt;
		&lt;input type=&quot;radio&quot; name=&quot;lang&quot; value=&quot;02&quot;&gt;&lt;span&gt;C#&lt;/span&gt;&lt;br/&gt;
		&lt;input type=&quot;radio&quot; name=&quot;lang&quot; value=&quot;03&quot;&gt;&lt;span&gt;Ruby&lt;/span&gt;&lt;br/&gt;
		&lt;input type=&quot;radio&quot; name=&quot;lang&quot; value=&quot;04&quot;&gt;&lt;span&gt;Basic&lt;/span&gt;&lt;br/&gt;
		&lt;input type=&quot;radio&quot; name=&quot;lang&quot; value=&quot;05&quot;&gt;&lt;span&gt;Fortran&lt;/span&gt;
	&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;</pre>
<SCRIPT type=text/javascript>
	dp.SyntaxHighlighter.ClipboardSwf = 'documentation/js/clipboard.swf'/*tpa=http://jeasyui.com/SyntaxHighlighter/Scripts/clipboard.swf*/;
	dp.SyntaxHighlighter.HighlightAll('code');
</SCRIPT>